

.search-wrap{
    width: 100%;
    align-items: center;
    background: rgb(248, 249, 250);
}
.page-wrap{
    height: 100%;
    flex: 1;
    display: flex;
}

.tab-wrap{
    min-width: 100px;
    height: 100%;
    background: rgb(248, 249, 250);
}

.content-wrap{
    flex: 1;
    overflow: scroll;
    margin-bottom: 99px;
    scroll-behavior: smooth;
}

.tab-item{
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 18px 0 30px 0;
    border-left: 3px solid transparent;
    font-size: 18px;
}
.tab-item>a{
    color: rgb(100, 105, 121);
    text-decoration: none;
}
.tab-choosen{
    border-left: 3px solid red;
}
.tab-choosen>a{
    color: red;
    font-weight: 600;
}

.tab-content{
    position: relative;
    margin-bottom: 20px;
    height: 1000px;
}
.anchor{
    height: 15px;
}
.tab-content-title{
    height: 25px;
    margin: 0 10px 15px;
    line-height: 25px;
    font-weight: 600;
}
.tab-content-body{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.tab-content-wrap{
    width: 33%;
    margin-bottom: 20px;
}
.tab-content-img{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}
.tab-content-img>img{
    width: 60%;
}
.tab-content-name{
    display: flex;
    justify-content: center;
    align-items: center;
}
.observer-item{
    position: absolute;
    left: 0;
    bottom: 100px;
}